@charset "utf-8";/* CSS Document */
/*********CSS reset ***********/
*{margin:0;padding:0;}
ul,li,ol{list-style:none; }
img,a img{border:none;margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
em,i,u{font-style:normal;}
a{text-decoration:none;color:#666666}
a:hover{color:#bc0000;}
body{font-size:12px; font-family:arial,'Hiragino Sans GB','Microsoft YaHei','微软雅黑','宋体',sans-serif; color:#676767;line-height:22px; height:100%;width:100%; overflow-y:scroll; }

/*all screen sroll*/
#menu { margin: 0; padding: 0; position: fixed; right: 28px; width:10px; top:45%; list-style-type: none; z-index: 70;}
#menu li { float: left; margin:  0 0 10px 0; font-size: 14px;}
#menu a { float: left; width:16px; height:16px; border:1px solid #fff; border-radius:16px; -webkit-border-radius:16px; -ms-border-radius:16px;-o-border-radius:16px; -moz-border-radius:16px;}
#menu .active a {  background-color: #fff;}
.section { text-align: left; font: 50px "Microsoft Yahei"; color: #fff;}
.section .txt{ width:385px; position:relative; left:50%; top:300px;}
.section .txt2{ width:385px; position:relative; left:16%; top:320px;}
.section0{ /*background:url(images/banner.jpg) no-repeat center center;*/ }
.section1 h3,.section2 h3,.section3 h3,.section4 h3{ font-size:36px; font-weight:normal; color:#fdc66b; height:55px;}
.section1 .fly{ position:absolute; left:1%; z-index:999; top:280px;}
.section1 .dot{ position:absolute; left:30px; top:190px; }
.section .content{ width:1000px; margin:0 auto; /*background:pink;*/ position:relative; height:100%; z-index:100;}
.section1 b,.section2 b,.section3 b,.section4 b{ font-weight:normal; color:#fff; font-size:21px; height:50px; display:block; }
.section1 b{ color:#fdc66b;}
.section1 p,.section2 p,.section3 p,.section4 p{ opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6;-o-opacity:0.6;-ms-opacity:0.6;line-height:25px;font-size:13px; color:#fff;}
.section2 p { position: relative; left:0;}
.section2 .dun{ position:absolute; left:638px; top:170px; z-index:998;}
.section2 .yun_front{ position:absolute; left:200px; top:180px; z-index:999;}
.section2 .yun_bg{ position:absolute; z-index:997; right:-232px; top:180px;}
.section3 p { position: relative; bottom: -520%;}
.section3 .table{ display:none; position:absolute; left:100px; top:230px;}
.section3 .air{ position:absolute; left:205px; top:270px;  }
.section3 .star{ position:absolute; left:230px; top:290px;}
.section .title{ position:absolute; left:1200%; top:235px;}
.section4 p { /*display: none;*/}

/*header*/
.header{ height:70px; background:#fff; position:fixed; left:0; top:0; width:100%;  z-index:9999;}
.header .hCenter{ width:1000px; margin:0 auto; height:50px; padding-top:20px;}
.header .hCenter h1{ text-indent:-99999px; height:50px; background:url(../images/logo.jpg) no-repeat; width:240px; float:left; cursor:pointer;}
.header .hCenter h1 a{height:50px; background:url(../images/logo.jpg) no-repeat; width:240px; float:left;}
.header .hCenter ul{ float:left; width:524px; margin-top:5px;}
.header .hCenter ul li.current{border-bottom:3px solid #e3081d;}
.header .hCenter ul li{ float:left; font-size:16px; padding:0 23px;}
.header .hCenter ul li a{ float:left; height:42px;  text-align:center;}
.header .hCenter ul li a:link,.header .hCenter ul li a:visited{ color:#e3081d;}
/*.header .hCenter ul li a:hover{border-bottom:3px solid #e3081d;}*/
.header .hCenter .phone{ float:left; margin-top:5px; width:145px; margin-left:37px;}
/*footer*/
.footer{ width:100%; height:30px; position:fixed; z-index:9999; bottom:0; left:0; /*background:#fff; */ /*border-top:1px solid rgba(255,255,255,0.2);-webkit-border-top:1px solid rgba(255,255,255,0.1);-o-border-top:1px solid rgba(255,255,255,0.2);-ms-border-top:1px solid rgba(255,255,255,0.2); -moz-border-top:1px solid rgba(255,255,255,0.2); */background:url(../images/footer-line.png) repeat-x top center; padding-top:15px;}
.footer .fCenter{ width:1000px; height:45px; margin:0 auto; color:#fff; text-align:center; z-index:99999; position:relative; color:#bbb;}
.footer .fCenter span{ padding-left:20px; background:url(../images/csssprite.png) no-repeat; height:17px; display:inline-block; line-height:17px;opacity:0.5; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out;}
.footer .fCenter .span2{ background-position:0 -17px;}
.footer .fCenter .span3{ background-position:0 -34px;}
.footer .fCenter .span4{ background-position:0 -51px;}
.footer .fCenter .span5{ background-position:0 -68px;}
.footer .fCenter span a:link,.footer .fCenter span a:visited{ color:#fff;}
/*first screen banner*/
/*login*/
.login{ width:298px; height:289px; background:#fff; border:6px solid rgba(0,0,0,0.1); -webkit-border:6px solid rgba(0,0,0,0.1);font-family:"Microsoft YaHei","微软雅黑","宋体"; padding:33px 0 0 0px; opacity:0.8; -webkit-opacity:0.9; position:absolute; left:60%; top:180px; z-index:99999;}
.login_detail{ padding-left:22px;}
.login h2{font-family:"Microsoft YaHei","微软雅黑","宋体"; color:#3e3a39; text-align:center; font-size:21px; font-weight:normal; height:35px; }
.login dl{ margin-bottom:16px; height:58px; float:left;}
.login dl dt{ color:#939393; font-size:12px; float:left; width:250px; height:24px;}
.login dl dd{ width:250px; float:left;}
.login dl dd input{ background:url(../images/login_people.jpg) no-repeat 220px center #fff; width:230px; height:32px; line-height:32px; border:1px solid #ccc; float:left; color:#585858; padding:0 10px 0 10px; }
.login dl dd input.pwd{ background:url(../images/login_password.jpg) no-repeat 220px center #fff;}
.login .lastdl dt .check{ padding-top:2px;padding-top:0\9; height:20px; float:left;}
.login .lastdl dd input.btn{ width:252px; height:34px; background:#e50b21; font-family:"Microsoft YaHei","微软雅黑","宋体"; color:#fff; font-size:16px; line-height:34px; border-radius:5px; border:none; margin-top:14px; cursor:pointer;}
/*login end*/
.indexBanner{ width:100%; height:581px;}
	
/*five screen*/
.wrapFiv{ width:1084px; height:100%; margin:0 auto; position:relative;  font-family:'Microsoft YaHei','微软雅黑','宋体';}
.wrapFiv ul{height:411px;  margin:0 auto; padding-left:126px; padding-top:170px;}
.wrapFiv ul li{display:none; }
.wrapFiv ul li dl{ position:relative; z-index:99999999;}
.wrapFiv ul li dt{ float:left; padding-top:20px; /* display:none;*/}
.wrapFiv ul li dt.first{  padding-top:0px; position:relative;}
.wrapFiv ul li dt.first span{ position:absolute; left:0;}
.wrapFiv ul li dt.first a{ position:absolute; left:58px; top:37px; display:none;}
.wrapFiv ul li dt.padTop{ padding-top:65px; /*padding-left:15px;*/}
.wrapFiv ul li dd{ float:left;width:460px;}
.wrapFiv ul li dd.marginR{ margin-right:40px;}
.wrapFiv ul li dd h2{ font-family:"Microsoft YaHei","微软雅黑"; font-size:21px; font-weight:normal; color:#fff; padding-left:74px; height:47px;}
.wrapFiv ul li dd p{ font-size:13px; color:#fff; padding-left:74px; line-height:25px;font-family:"Microsoft YaHei","微软雅黑","宋体"; opacity:0.8;/*padding-bottom:40px;*/}
.wrapFiv ul li dd .sucess{ /*height:37px;*/}
.wrapFiv ul li dd .sucess_title{ padding-left:74px; /*height:55px;*/}
.wrapFiv ul li dd .more{ width:161px; height:35px; background:url(../images/suc_btn.png) no-repeat;color:#fff; border-radius:4px; border:none; font-size:18px;font-family:"Microsoft YaHei","微软雅黑","宋体"; line-height:35px; text-align:center;margin-left:74px; cursor:pointer;}
.wrapFiv ul .current{display:block; margin:0 auto;}
.wrapFiv .arrow{ position:absolute; top:50%; left:0px; width:1084px; height:42px; z-index:999999;}
.wrapFiv .arrow span{ cursor:pointer;}
.wrapFiv .arrow .left{ background:url(../images/arrow.png) no-repeat 0 -40px; width:50px; height:40px; float:left;}	
.wrapFiv .arrow .right{ background:url(../images/arrow.png) no-repeat 0 0px; width:50px; height:40px; float:right;}	
/*jr_content*/
.jr_content{ width:100%; height:auto;}
.line{ width:100px; height:1px; background:#6f7072; margin:0 auto;}
.jr_content1{ background:#4fa3dc; width:100%; height:620px;}
.jr_content1 .company{width:1000px;height:528px; color:#fff; margin:0 auto; padding-top:70px;}
.jr_content1 .company h4{ padding-top:70px; color:#fff; text-align:center; height:40px; line-height:40px;font-size:24px; font-weight:normal; margin-bottom:14px;}
.jr_content1 .company .line{ background:#fff; }
.jr_content1 .company h4 span{ font-weight:bold;}
.jr_content1 .company h3{ line-height:40px;font-size:36px; margin-top:24px; font-weight:normal; height:40px;}
.jr_content1 .company h3 span{ font-weight:bold;}	
.jr_content1 .company dl dd{float:left; width:545px; margin-right:40px; padding-top:40px;}
.jr_content1 .company dl dd p{ font-size:13px;}
.jr_content1 .company dl dt{ float:left; }		
.jr_content2{ width:100%; height:550px; background:#eaebec;}
.jr_content2 dl{width:283px; margin-top:45px; float:left; margin-left:28px; height:270px;}
.jr_content2 dl.center{ margin-right:30px;margin-left:58px;}
.jr_content2 dl dt{ background:url(../images/css_solve.png) -1px 0 no-repeat; width:71px; height:100px; margin:0 auto; margin-bottom:30px; cursor:pointer;}
.jr_content2 dl dd{ font-size:16px; color:#444; }
.jr_content2 dl dd h4{text-align:center; height:37px;}
.jr_content2 dl dd p{ font-size:13px;}
.jr_content2 .solve{ width:1000px; height:500px; margin:0 auto;}
.jr_content2 h3{ padding-top:70px; text-align:center; font-size:24px; color:#444; font-weight:normal; height:42px;}
.jr_content2 h3 span{ font-weight:bold;}
.jr_content3{ width:100%; height:540px; background:#e16058; color:#fff; padding-top:70px; font-size:13px;}
.jr_content3 .tel{ width:1000px; margin:0 auto;}
.jr_content3 .tel h3{ text-align:center; font-size:24px; color:#fff; font-weight:normal; height:40px; line-height:40px; padding-bottom:12px;}
.jr_content3 .tel h3 span{ font-weight:bold;}
.jr_content3 .tel .line{ background:#fff;}
.jr_content3 .tel ul{ padding-left:90px; width:500px; float:left; padding-top:42px;}
.jr_content3 .tel .tel_content{ width:1000px; margin-top:50px;}
.jr_content3 .tel ul li{ background:url(../images/list_sprite.png) no-repeat; padding-left:46px; height:21px; margin-bottom:13px; }	
.jr_content3 .tel ul li.tel2{ background-position:0 -21px;}
.jr_content3 .tel ul li.tel3{ background-position:0 -42px;}
.jr_content3 .tel ul li.tel4{ background-position:0 -63px;}
.jr_content3 .tel ul li.tel5{ background-position:0 -84px;}
.jr_content3 .tel .scanner{ float:left; width:287px;}

/*ktlc*/
	.ktlc{ width:1000px; height:400px; margin:0 auto; padding-top:150px;}
	.ktlc h3{ font-size:24px; color:#fff; text-align:center; line-height:40px; height:40px; margin-bottom:20px; font-weight:normal;}
	.ktlc h3 span{ font-weight:bold;}
	.ktlc .line{ background:#fff;}
	.ktlc .process{ width:1000px; padding-top:50px; height:300px;}
	.ktlc .process ul li{ width:232px; height:200px; border:1px solid rgba(255,255,255,0.4);border:1px solid #ccc\0;*border:1px solid #ccc; margin-right:20px; float:left; border-radius:8px; -webkit-border-radius:8px;-moz-border-radius:8px; -o-border-radius:8px;-ms-border-radius:8px; padding-top:32px; color:#fff; transition:all 1s ease;}
	.ktlc .process ul li dl dt{ background:url(../images/process.png) no-repeat 0 0; width:61px; height:108px; margin:0 auto;}
	.ktlc .process ul li dl dt.two{ background-position:-61px 0;}
	.ktlc .process ul li dl dt.three{ background-position:-122px 0;}
	.ktlc .process ul li dl dt.four{ background-position:-183px 0;}
	.ktlc .process ul li dl dd h5{ font-size:16px; text-align:center; height:30px; font-weight:bold;}
	.ktlc .process ul li dl dd a:link,.ktlc .process ul li dl dd a:visited{ color:#fff;}
	.ktlc .process ul li dl dd a:hover{ text-decoration:underline;}
	.ktlc .process ul li dl dd p{ font-size:13px; text-align:center; width:175px; margin:0 auto;}
	.ktlc .process ul li.noMargin{margin-right:0;}
/*interface*/
.interface{ width:1000px; height:582px; margin:0 auto 0; padding-top:112px; padding-bottom:40px;}
.interface_content{ width:998px; border:1px solid #ccc; background:#fff; height:456px;}
.interface_content2{ height:580px; }
.interface_content2 .subNavBox{ height:552px;}
.subNavBox{width:158px;border:solid 1px #e5e3da; padding:27px 0 0 23px; background:#fff; float:left; height:428px;}
.subNav{cursor:pointer;font-size:14px;color:#3f3f3f;line-height:30px; height:30px;padding-left:16px;background:url(../images/add.png) no-repeat left center;}
.subNav:hover{color:#e3081d;}
.currentDd{color:#e3081d}
.currentDt{background:url(../images/jian.png) no-repeat left center;}
.navContent{display: none; font-size:12px;}
.navContent a.current{background:url(../images/sanjiao.png) no-repeat 5px center;color:#696969;}
.navContent li a{display:block;heighr:30px;text-align:left; padding-left:20px;line-height:30px;color:#333}
.navContent li a:hover{color:#696969; background:url(../images/sanjiao.png) no-repeat 5px center;}
.interface .right{ padding:28px 0 0 40px; float:left;}
.interface .right p{ line-height:25px;}
.interface .right .table1{ border:1px solid #dbdbdb; text-align:center; margin-bottom:25px;}
.interface .right .table1 th{ background:#b2b2b2; color:#fff; height:32px; border-right:1px solid #dbdbdb;}
.interface .right .table1 td{ border-right:1px solid #dbdbdb; *border-bottom:1px solid #dbdbdb;}
.interface .right .table1 tr{ border-bottom:1px solid #dbdbdb; height:32px; line-height:32px;}
.footer_inter{ position:static; *height:36px;/*background:url(../images/footer-line.png) repeat-x top center; border-top:none;*/}
.footer_inter .fCenter{ height:29px; position:static;}
.footer_process{ /*background:url(../images/footer-line.png) repeat-x top center; border-top:none;*/}
.footer_about{*height:46px;}

/* flexslider */
.flexslider{position:relative;height:100%;/*overflow:hidden;*/ width:100%;}
.flexslider .slides{position:relative;z-index:1; height:100%;}
.flexslider .slides li{/*height:670px;height:768px;*/  height:100%;}
.flexslider .flex-control-nav{position:absolute;bottom:100px;z-index:2;width:100%;text-align:center; display:none;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot2.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:90;width:100%;top:48%; height:40px;}
.flex-direction-nav li a{display:block;width:50px;height:40px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:100px;background:url(../images/arrow.png) no-repeat 0 -40px; top:45%;}
.flex-direction-nav li a.flex-next{right:100px;background:url(../images/arrow.png) no-repeat 0 0 ; top:45%;}

/*instruction*/

.header_stat{ position:static;}
.instruction{ width:1000px; height:3350px; margin:0 auto;}
.instruction h4{ height:40px; line-height:40px; text-align:center; color:#fff; font-size:24px; font-weight:normal; padding-top:46px;font-family:"arial","微软雅黑","宋体"; margin-bottom:14px; }
.instruction h4 span{ font-weight:bold;}
.instruction .line{ width:100px; height:1px; background:#fff; margin:0 auto; margin-bottom:25px;}
.intru{width: 1000px;margin: auto;padding-top:50px; height:3100px; background:#fff;}

.intru ul{float: right; width: 930px;margin: 0;padding: 0}
.intru ul li{background:url(../images/yemaLine.png) repeat-y left top;}
.intru ul li .step_content{margin-left:42px; color:#636363; }
.intru ul li .step_content h2{ font-size:16px; font-family:"arial","微软雅黑","宋体"; color:#4c4c4c; height:42px; text-align:left;}
.intru ul li .step_content p{ font-size:12px; width:791px; line-height:25px; font-family:"微软雅黑"; text-align:left;}
.instruction .circle {width: 24px;height: 24px;position: relative;left: -12px;top: -16px;
background:url(../images/yema.png) no-repeat;cursor: pointer;}
.instruction div.gray { background:url(../images/yema2.png) no-repeat;}
/*contactUs*/
.contactUs .process ul li{ width:267px; height:178px; margin-right:15px; padding:55px 0 0 53px;}
	.contactUs .process ul li div h2{ height:30px; font-weight:normal; font-size:16px;}
	.contactUs .process ul li div p{ line-height:35px; width:260px; padding-left:35px; font-size:13px;}
	.contactUs .process ul li div.qun .p1{ background:url(../images/contact4.png) no-repeat left 6px;}
	.contactUs .process ul li div.qun .p2{ background:url(../images/contact5.png) no-repeat left 6px;}
	.contactUs .process ul li div.qun .p3{ background:url(../images/contact6.png) no-repeat left 6px;}
	.contactUs .process ul li div.person .p1{ background:url(../images/contact1.png) no-repeat left 6px;}
	.contactUs .process ul li div.person .p2{ background:url(../images/contact2.png) no-repeat left 6px;}
	.contactUs .process ul li div.person .p3{ background:url(../images/contact3.png) no-repeat left 6px;}
